/*
border:1px solid #d9d9d9;
color:#1c6eae;
*/
@charset "utf-8";
.left-side{width:220px;position:absolute;top:70px;left:10px;z-index:5;bottom:32px;overflow:hidden;_margin-bottom:32px;}

.info-block{margin: 20px 40px;}
.comRow{clear:both;margin-bottom:10px;}
.switch{width:218px;border:1px solid #d9d9d9;border-top:none;background:#fff;margin-bottom:10px;}
	h3.comTil{color:#333;height:30px;line-height:30px;background:url(../images/bg.png) 0 -61px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding-left:10px;}
	h3.tabs{padding-left:0px;}
	h3.tabs span{font-weight:normal;display:inline-block;float:left;height:33px;padding:0 10px;cursor:pointer;white-space:nowrap;}
	h3.tabs span.current{background:#fff;position:relative;height:34px;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;left:-1px;_bottom:-1px;height:33px;}
.switch ul li a{display:block;line-height:30px;padding-left:10px;color:#000;}
.switch ul li a:hover{background:#efefef;}
	:root .switch ul li a:hover{padding-left:15px;}
.switch ul li.focus a{background:#7c92aa url(../images/bg.png) -178px -143px;color:#fff;font-weight:bold;}

.right-side{position:absolute;top:70px;right:10px;left:240px;bottom:30px;}
* html .right-side{top:70px;left:240px;right:auto;bottom:auto;}
.right-side iframe{display:block;position:absolute;top:0;right:0px;bottom:0;width: 100%;height: 100%;overflow-y:scroll!important ;background:#F1F1F1 url(../images/background.gif);}
.notice{border:1px solid #d9d9d9;background:#fff;padding:10px;color:#333;margin-bottom:10px;}
.notice h4{font-size:14px;margin-bottom:20px;}
.notice p{margin-bottom:10px;}
.notice p i{color:#e04949;}
.notice dl{line-height:25px;}

.comBox{border:1px solid #d9d9d9;background:#fff;margin-bottom:10px;border-radius: 2px;}

.comHeader {padding: 14px 20px;}
.comTable{clear:both;}
.bt{border-top: 1px solid #cdcdcd;}
.comTable table{width:100%;}
 * html .comTable table{}
.comTable table tr{border-bottom:1px solid #d9d9d9;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
	.comTable table tr:hover{background:#fafafa;}
.comTable table tr:last-child{border:none;}
.comTable table tr.title{background:#f3f3f3;color:#777;font-weight:bold;border-top:1px solid #d9d9d9;}
.comTable table td,
.comTable table th{padding:9px 0 9px 10px;vertical-align:middle;}
.comTable table td a{color:#1c6eae;}
    table.tableSearch{border-top:1px solid #d9d9d9;}
	.comTable table td .pageList a{color:#8a8a8a;}
	.comTable table td .pageList a.current{color:#1c6eae;}
	table.userInfo th{color:#979797;font-weight:normal;}
	table.userInfo th em{color:#5a5a5a;}
	table.userInfo td{color:#5a5a5a;}
	.comTable table.userInfo tr{border-bottom:none;}
	table.siteInfo th{color:#5a5a5a;font-weight:normal;text-align:right; vertical-align: middle;}
	table.siteInfo td{color:#979797;text-align:left;}
	.comTable table.siteInfo tr{border-bottom:none;}
	table.siteInfo td select{border:1px solid #d9d9d9;height:20px;width:120px;}
	textarea.memo{border:1px solid #d9d9d9;width:550px;height:135px;}
	table.tableSort td .pageList{padding:0 10px;}
	table.tableSort td.tl{text-align:left;}
	table.tableSort td.tc{text-align:center;}
	table.tableSort td.tr{text-align:right;}
		a.edit,
		a.delete,
		a.mem,
		a.aply,
		a.trend,
		.t-up,
		.t-down{display:inline-block;padding:0 0 0 19px;background:url(../images/icon.png) no-repeat;}
		a.edit{background-position:0 -8px;}
		a.delete{background-position:0 -38px;}
		a.mem{background-position:0 -63px;}
			.slen{white-space:nowrap;display:inline-block;width:120px;overflow:hidden;text-overflow:ellipsis;}
		a.aply{background-position:0 -92px;}
		a.trend{background-position:0 -126px;}
		.t-up{background-position:0 -242px;}
		.t-down{background-position:0 -256px;}

.comTaber{height:28px;padding-top:9px;background:#f3f3f3;border-bottom:1px solid #d9d9d9;}
.comTaber span{cursor:pointer;display:inline;line-height:28px;float:left;margin-right:5px;padding:0 10px;}
.comTaber span.current{font-weight:bold;background:#fff;position:relative;border:1px solid #d9d9d9;border-bottom:none;left:-1px;_bottom:-1px;}
.subComtil{padding:10px;border-bottom:1px solid #d9d9d9;}
.subComtil span{font-weight:bold;}

dl.explain{padding:10px;height:16px;border-bottom:1px solid #d9d9d9;}
dl.explain:hover,
dl.explain.hover{background:#fafafa;}
dl.explain dt{cursor:pointer;}
dl.explain dt i{display:inline;float:left;width:16px;height:16px;margin:0 10px 0 0;background:url(../images/icon.png) no-repeat -4px -208px;}
dl.explain dt span{float:left;}
dl.explain dt time{float:right;}
dl.explain dd{display:none;clear:both;padding:15px 20px 0 25px;}
dl.toggle{height:auto;background:#fafafa;}
dl.toggle dt i{background-position:-4px -224px;}
dl.toggle dd{display:block;}

p.fusion{padding:10px;clear:both;}
ul.myMsg li{padding:10px;border-bottom:1px solid #d9d9d9;}
ul.myMsg li:hover,
ul.myMsg li.hover{background:#fafafa;}
ul.myMsg li p{margin-bottom:15px;color:#333;line-height:21px;}
	.mt{color:#979797;}
	.mt span{margin-right:10px;}
ol.reply{border:1px solid #d9d9d9;background:#fff;}
ol.reply li:last-child{border-bottom:none;}
ol.reply h6{margin-bottom:5px;}
.subArea{padding:10px 0 10px 10px;}
.subArea textarea{width:720px;height:100px;border:1px solid #d9d9d9;margin-bottom:10px;}
	a.cancel{display:inline-block;margin-left:5px;height:23px;line-height:23px;color:#1c6eae;}

.sw{padding-left:25px;}
.sw a{color:#1c6eae;margin-right:5px;}
.date-switch{width:430px;text-align:right;}
.date-switch span,
.comTaber div.date{font-weight:normal;display:inline-block;height:20px;line-height:20px;float:left;}
	.date{display:inline-block;border:1px solid #d9d9d9;width:100px;margin-right:5px;position:relative;background:url(../images/icon.png) no-repeat 78px -153px;}
	/*.date i{display:block;width:14px;height:14px;background:url(../images/icon.png) no-repeat -4px -156px;position:absolute;right:3px;top:3px;cursor:pointer;}*/
	.date-switch select{display:inline-block;height:20px;border:1px solid #d9d9d9;width:80px;float:left;}
	.date input{height:20px;width:100px;line-height:20px;position:absolute;left:3px;top:0;border:none;background:none;cursor:pointer;box-shadow:none;padding:0;}
	.comTaber div.date{background:url(../images/icon.png) no-repeat 78px -153px;padding:0;display:inline;height:20px;float:left;}

.kw-row{width:350px;}
.trune-mak{padding:10px;position:relative;}
.anax{line-height:30px;position:absolute;left:450px;top:10px;right:10px;}
.anax table{width:100%;}
.anax table th{border:1px solid #d9d9d9;background:#f3f3f3;color:#777;width:20%;text-align:right;padding:9px 8px 9px 0px;}
.anax table td{border:1px solid #d9d9d9;padding:9px 0 9px 8px;}

.oveRay{width:500px;/*border:5px solid rgba(0,0,0,0.3);background:#fff;border-radius:5px;position:fixed;left:50%;top:30%;margin:0 0 0 -250px;*/}
.oveRay h4{height:40px;line-height:40px;text-indent:1em;color:#fff;font-size:14px;text-shadow:1px 1px 1px #333;background:url(../images/bg.png) 0 -15px;}
.owrap{padding:10px;}
.alert{padding:20px 0;text-align:center;}
.alert h3{font-size:14px;margin-bottom:10px;}
.addUrl{line-height:30px;}
.addUrl .sub{margin-left:37px;}
.rollbox{width:220px;position:fixed;z-index:9999;top:10px;left:10px;background:#f1f1f1 url(../images/background.gif);}
	* html .rollbox{display:none;}
.changeCode{width:250px;padding:5px;border:1px solid #d9d9d9;margin:10px 0;background:#fafafa;}
.changeCode li{padding:5px 0;}
.changeCode span{display:block;float:left;width:80px;text-align:right;}
.loc{padding-left:90px;}
.loc em{color:red;line-height:19px;}
.changeCode input.psw{height:20px;width:150px;line-height:20px;border:1px solid #d9d9d9;}
#cancelEdit,.changeCode{display:none;}
td.mo #editCode{display:none;}
td.mo #cancelEdit{display:inline;}
td.mo .changeCode{display:block;}


#top_menu{height:30px;background:#fafafa url(../images/bg.png) repeat 0 -60px;position:fixed;left:0px;bottom:0px;right:0px;border:1px solid #dadada;z-index:999999999;}
* html #top_menu{width:100%;position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#js_tab_left_btn,#js_tab_right_btn{display:block;overflow:hidden;line-height:99pt;position: absolute;bottom:0;background:url(../images/icon.png);}
#js_tab_left_btn{height:30px;width:25px;background-position:-0px -317px;background-color:#fff;left:0;border-right:1px solid #dadada;}
#js_tab_right_btn{height:30px;width:25px;background-position:-0px -345px;background-color:#fff;right:0;border-left:1px solid #dadada;}
#js_menu_contents{margin:0 25px;position:relative;height:30px;overflow:hidden;}
.top_menu_box{position:relative;}
#js_menu_contents ul{height:30px;border-left:1px solid #dadada;position:absolute;}
#js_menu_contents ul li{position:relative;padding:0 25px 0 10px;height:30px;line-height:30px;float:left;display:inline;border-right:1px solid #dadada;cursor:pointer;}
#js_menu_contents ul li a.close{display:block;width:15px;height:15px;background:url(../images/icon.png) no-repeat -5px -294px;position:absolute;right:5px;top:7px;text-indent:99pt;overflow: hidden;}
#js_menu_contents ul li a:hover {background-position:-5px -275px;-webkit-transform:	rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#js_menu_contents ul li:hover{color:#000;}
#js_menu_contents ul li:hover a{background-position:-5px -275px;-webkit-transform:	rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
#js_menu_contents ul li.focus{color:red;font-weight:bold;}
/* .search */
.search dd li.focus {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.search {
	padding:15px 10px;
	background:#F8FBFD;
}
.search dt {
	float:left;
	width:55px;
	text-align:right;
	line-height:24px;
	font-weight:normal;
}
.search dd {
	margin-bottom:10px;
	padding-left:45px;
	line-height:24px;
}
.search dd:last-child { margin:0; }
.search dd ul { overflow-y:auto; }
.search dd li {
	float:left;
	margin-right:10px;
}
.search dd li a {
	float:left;
	color:#6F90AE;
}
.search dd li.focus {
	padding:1px;
	background:#8FB7E3;
	background:-moz-linear-gradient(top, #BED3EA, #8FB7E3);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#BED3EA), to(#8FB7E3));
}
.search dd li.focus a {
	height:20px;
	padding:0 13px;
	line-height:20px;
	text-decoration:none;
	border:1px solid #FFF;
	background:#F3F8FB;
}
.search dd .bottom {
	padding-top:8px;
	line-height:20px;
	vertical-align:middle;
	color:#B0B0B0;
}

table.summary {border:1px solid #f1f1f1;background-color:#fdf2ef;border-collapse:separate;border-spacing:0}
table.summary tr td{text-align:left;border-right:1px solid #e4e4e4;padding:15px 30px;line-height:1.2;}

/*-------------------------
	Image Previews
--------------------------*/

.drop-box {
    height: 200px;
    width: 200px;
    text-align: center;
    border: 2px dashed #DCDCDC;
    border-radius: 5px;
    background: url(../images/drop_box_bg.gif) no-repeat center 40px;
}

.drop-text {
    position: relative;
    top: 145px;
    line-height: 24px;
}
.drop-box .btn-wrap {
    display: inline-block;
    position: relative;
    top: 170px;
    float: none;
    height: 30px;
    padding: 0;
    _filter: alpha(opacity=100);
}


.drop-box .preview{
	height: 200px;
	position: relative;
	text-align: center;
}

.drop-box .preview img{
	max-width: 200px;
	max-height:180px;
    width:190px;
	height:180px;
	border:3px solid #fff;
	display: block;
	
	box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
}

.drop-box .imageHolder{
	display: inline-block;
	position:relative;
}

.drop-box .uploaded{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: url('../images/done.png') no-repeat center center rgba(255,255,255,0.5);
	display: none;
}

.drop-box .preview.done .uploaded{
	display: block;
}



/*-------------------------
	Progress Bars
--------------------------*/



.drop-box .progressHolder{
	position: absolute;
	background-color:#252f38;
	height:12px;
	width:100%;
	left:0;
	bottom: 0;
	
	box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
}

.drop-box .progress{
	background-color:#2586d0;
	position: absolute;
	height:100%;
	left:0;
	width:0;
	
    line-height: 10px;
    font-size: 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;

	box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;
	
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
}

.drop-box .preview.done .progress{
	width:100% !important;
}


